import React, {Component} from 'react';
import {NavBar,InputItem, TextareaItem, Button} from 'antd-mobile';
import AvatarSelector from '../../component/avatar-selector/avatar-selector';
import {connect} from 'react-redux';
import {update} from '../../redux/user.redux';
import {Redirect} from 'react-router-dom';

@connect(
    state=>state.user,
    {update}
)
    

export default class BossInfo extends Component {
    constructor(props) {
        super(props)
        this.state = {
            title:''
        }
    }
    onChange=(key,value)=>{
        this.setState({
            [key]:value
        })
    }
    render() {
        const path=this.props.location.pathname;
        const redirect=this.props.redirectTo;
        return (
            <div>
                {redirect&&redirect!==path? <Redirect to={this.props.redirectTo}></Redirect> :null}
				<NavBar mode="dark" >BOSS完善信息页</NavBar>
				<AvatarSelector 
					selectAvatar={(imgname)=>{
						this.setState({
							avatar:imgname
						})
					}}
				></AvatarSelector>
				<InputItem onChange={(v)=>this.onChange('title',v)}>
					招聘职位
				</InputItem>
				<InputItem onChange={(v)=>this.onChange('company',v)}>
					公司名称
				</InputItem>
				<InputItem onChange={(v)=>this.onChange('money',v)}>
					职位薪资
				</InputItem>
				<TextareaItem
					onChange={(v)=>this.onChange('desc',v)}
					rows={3}
					autoHeight
					title='职位要求'
				>
					
				</TextareaItem>
				<Button onClick={()=>{this.props.update(this.state)}} type='primary'>保存</Button>
			</div>
        );
    }
}